import React, { Component } from "react";
// import React, { useState } from 'react';
import { Divider } from 'antd';
import SearchBox from "../../components/searchBox";
import UserTable from "./userTable3";

class User extends Component {
  state = { searchQuery: "" };

  //搜索框，实现搜索功能
  handleSearch = (query) => {
    this.setState({ searchQuery: query, selectedGenre: null, currentPage: 1 });
  };
  render() {
    return (
      <div>
        <div>
          <SearchBox
            value={this.state.searchQuery}
            onChange={this.handleSearch}
          />
        </div>
        <Divider/>
        <div>
          <UserTable />
        </div>
      </div>
    );
  }
}

export default User;
